
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<meta charset="utf-8" >
	<link rel="stylesheet" type="text/css" href="css/cart.css">
	<script type="text/javascript" src="js/jquery-3.2.1.js"></script>
	<script type="text/javascript" src="js/cart.js"> 
		 
	</script>
</head>
<body>
	<div id="header">
		
		<ul id="test">
			<li class="iconfont">&#xe608</li>
			<li id="font">京东首页</li>
			<li class="iconfont1" id="fonttest">&#xe604  北京
				<ul id="item1">
					<ul id="heng">
						<li>北京</li>
						<li>上海</li>
						<li>天津</li>
						<li>重庆</li>
						<li>河北</li>
					</ul>
					<ul id="heng">
						<li>山西</li>
						<li>山西</li>
						<li>新疆</li>
						<li>辽宁</li>
						<li>吉林</li>
					</ul>
					<ul id="heng">
						<li>安徽</li>
						<li>江西</li>
						<li>河南</li>
						<li>山东</li>
						<li>湖南</li>
					</ul>
				</ul>
			</li>
		</ul>
		
		<div id="HeaderRg"> 
			<ul>
				<li>免费注册</li>
				<li>我的订单</li>
				<li>我的京东</li>
				<li>京东会员</li>
				<li>企业采购</li>
				<li>客户服务</li>
				<li>网站导航</li>
				<li style="border: none;">手机京东</li>
			</ul>
		</div>
	
	</div>
	<div id="hang2">
		<div id="logoDv"></div>
		<div id="Sousuo">
			<span id="kuang"><input type="text" value="自营"><span id="anniu"><input type="button" value="搜索"></span></span>
		</div>
	</div>
	<!-- 购物车显示区域 -->
	<div id="cart_display" ondrop="addItem1(event)" ondragover="allowDrop(event)" >
		<div id="cart_title">全部商品</div>
		<div id="DaoHang">
			<div class="select_cd" style="font-size: 10px;" ><input type="checkbox" id="box" onclick="allSelect();"> 全选</div>
			<div style="margin-left: 190px; display: inline-block;font-size: 10px;">商品</div>
			<div style="margin-left: 375px; display: inline-block;font-size: 10px;">单价</div>
			<div style="margin-left: 70px; display: inline-block;font-size: 10px;">数量</div>
			<div style="margin-left: 90px; display: inline-block;font-size: 10px;">小计</div>
			<div style="margin-left: 64px; display: inline-block;font-size: 10px;">操作</div>
		</div>
		<div id="test1" >
			
		</div>
 
		<!-- 背景图 -->
		<div id="BeiJing" ></div>
 
 
		<!-- <div class="cart_item" id="cart_item1">
			<div class="cart_item_select">
				<div class="select_cd"><input type="checkbox" ></div>
				<div class="cart_item_image"><img class="item_image" src="images/favor1.jpg"> </div>
			</div>
			<div class="item_shangpin">React Native跨平台移动应用开发（第二版）</div>
			<div class="item_danjia" id="item_danjia1">
			￥78.2
			</div>
			<div class="item_shuliang">
				<input class="crement" type="button" value="-" onclick="crement();"><input class="number" id="number1" type="text" value="1" disabled="true"><input class="increment" type="button" value="+" onclick="increment();">
			</div>
			<div class="item_xiaoji" id="item_xiaoji1">
				
			</div>
			<div class="caozuo">
			<a href="javascript:removeItem();">删除</a>	
			</div>
		</div> -->
		<div id="jiesuan">
			<div  class="select_cd" style="font-size: 10px;"><input type="text"   onclick="allremove();"> 全选</div>
			<div style="margin-left: 10px; display: inline-block;font-size: 10px;cursor: pointer;"  onclick="selectremove();" >删除选中的商品</div>
			<div style="margin-left: 10px; display: inline-block; font-size: 10px;font-weight: bold;cursor: pointer;" onclick="allremove();">清理购物车</div>
			<div style="margin-left: 520px; display: inline-block;font-size: 10px;" id="SPnumber">已选择0件商品</div>
			<div style="margin-left: 10px; display: inline-block; font-size: 10px;font-weight: bold;" id="zongjia">总价：</div>
			<div id="anniu1"><input type="button" value="去结算" onclick="Alljs();"></div>
		</div>
	</div>
	
	<!-- 商品工具条 -->
	<div id="item_bar">
		 <div class="left_style" id="guess">猜你喜欢</div>
		 <div class="left_style" id="shopping">随手购</div>
		 <div class="right_style" id="yuandian1"></div>
		 <div class="right_style1" id="yuandian2"></div>
	</div>
	<!-- 猜你喜欢面板 -->
	<div id="favor_dv">
		<div class="item_dv" id="item_dv1" draggable="true" ondragstart="drag(event)"  >
			<div class="image favor_image1"></div>
			<div class="title">React Native跨平台移动应用开发（第二版）</div>
			<div class="price">￥78.20</div>
			<div class="favor_cart" onclick="addItem(1);"></div>
		</div>
 
		<div class="item_dv" id="item_dv2" draggable="true" ondragstart="drag1(event)">
			<div class="image favor_image2"></div>
			<div class="title">斐讯K2 1200M智能双频无线路由器 WIFI穿墙 PSG1218</div>
			<div class="price">￥399.00</div>
			<div class="favor_cart" onclick="addItem(2)"></div>
		</div>
		<div class="item_dv" id="item_dv3" draggable="true" ondragstart="drag2(event)">
			<div class="image favor_image3"></div>
			<div class="title">React Native 移动开发实战<br><br></div>
			<div class="price">￥39.00</div>
			<div class="favor_cart" onclick="addItem(3)"></div>
		</div>
		<div class="item_dv" id="item_dv4" draggable="true" ondragstart="drag3(event)">
			<div class="image favor_image4"></div>
			<div class="title">Vue.js 前端开发快速入门与专业前端<br><br></div>
			<div class="price">￥409.00</div>
			<div class="favor_cart" onclick="addItem(4)"></div>
		</div>
	</div>
<!-- 随手购 -->
	<div id="shopping_dv" >
		<div class="item_dv" id="item_dv5" draggable="true" ondragstart="drag4(event)">
			<div class="image favor_image5"></div>
			<div class="title">jQuery Mobile 移动网站开发<br><br></div>
			<div class="price">￥78.20</div>
			<div class="favor_cart" onclick="addItem(5)"></div>
		</div>
 
		<div class="item_dv" id="item_dv6" draggable="true" ondragstart="drag5(event)">
			<div class="image favor_image6"></div>
			<div class="title">360随身wifi 300M 无线网卡 迷你路由器 黑色</div>
			<div class="price">￥399.00</div>
			<div class="favor_cart" onclick="addItem(6)"></div>
		</div>
		<div class="item_dv" id="item_dv7" draggable="true" ondragstart="drag6(event)">
			<div class="image favor_image7"></div>
			<div class="title">斐讯K2 1200M智能双频无线路由器 WIFI穿墙 PSG1218</div>
			<div class="price">￥39.00</div>
			<div class="favor_cart" onclick="addItem(7)"></div>
		</div>
		<div class="item_dv" id="item_dv8" draggable="true" ondragstart="drag7(event)">
			<div class="image favor_image8"></div>
			<div class="title">斐讯K2 1200M智能双频无线路由器 WIFI穿墙 PSG1218</div>
			<div class="price">￥409.00</div>
			<div class="favor_cart" onclick="addItem(8)"></div>
		</div>
	</div>
	  <div id="sidebar-right">
            <div id="P1">
           
            </div>
            <div id="P2">
           
            </div>  
            <div id="P3">
           
            </div>  
            <div id="P4">
           
            </div>
            <div id="P5">
            </div>     
           <div id="P6">
            </div>
      </div>  
</body>
</html>